<template>
  <el-container style="height: 200vh;">
    <el-aside width="200px" style="background:#f5f7fa">
      <div style="padding:20px;font-weight:bold;">管理后台</div>
      <el-menu :default-active="$route.path" router>
        <el-menu-item index="/home">首页</el-menu-item>
        <el-menu-item index="/about">关于</el-menu-item>
        <el-menu-item index="/Hello">Hello</el-menu-item>
        <el-menu-item index="/vuestudy">vue学习</el-menu-item>
        <el-menu-item index="/studentform">学生信息表</el-menu-item>
        <el-menu-item index="/addstudent">添加学生</el-menu-item>
      </el-menu>
    </el-aside>
    <el-container>
      <el-header style="background:#409EFF;color:#fff;">这是一个主界面</el-header>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script setup>

</script>
